<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale:1.0">
    <title>中心地址</title>
    <link rel="stylesheet" type="text/css" href="../font-icon/iconfont.css">
    <link rel="stylesheet" type="text/css" href="../swiper/swiper-bundle.min.css">
    <link rel="stylesheet" type="text/css" href="../container/Header.css">
    <style>
        body {
            --font: 100%;
            padding: 0;
            margin: 0;
            font-size: 14px;
        }
        a
        {
            text-decoration: none;
        }
        .white-1
        {
            top:38px;
        }
        .itemsa
        {
            margin-top: 38px;
        }
        .kks
        {
            list-style: none;
            padding: 0;
            display: flex;
            margin-top: 0;
        }
        .kks li
        {
            flex:calc(100% / 3);
            display: flex;
            justify-content: center;
            align-items: center;
            border-bottom:1px solid #3399ff;
            border-top:1px solid #eeeeee;
        }
        .kks li:nth-of-type(2)
        {
            background-color: #eeeeee;
        }
        .kks li a
        {
            padding:10px;
            color: #666666;
        }
        .zhonxin{
            padding:20px;
            border:1px solid #eeeeee;
        }
        .zhonxin:nth-last-of-type(1)
        {
            margin-bottom: 50px;
        }
        .flex-i
        {
            display: flex;
            margin-top: 20px;
            margin-bottom: 10px;
        }
        .imgzhon img
        {
            width:145px;
            margin-right: 10px;
            border-radius: 8px;
        }
        .p
        {
            display: grid;
            align-items: center;
            flex:100%;
        }
        .p p
        {
            background-color: #eeeeee;
            color: #3399ff;
            text-align: center;
            border-radius: 6px;
            padding: 10px 0;
        }
        .overflow
        {
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            font-style:italic;
        }
        .zhonxin p
        {
            margin-bottom: 5px;
        }
        *
        {
            padding:0;
            margin:0;
            box-sizing: border-box;
        }
    </style>
</head>
<body>
<section></section>
<ul class="white-1">
</ul>

<script src="../waibujs/header.js"></script>
<div class="container">
    <div class="itemsa">
        <ol class="kks">
            <li><a href="../href/lianxiwom.html">联系我们</a></li>
            <li><a href="../href/zhonxindizhi.html">中心地址</a></li>
            <li><a href="../href/jiaruwom.html">加入我们</a></li>
        </ol>
    </div>
<!--    <div class="zhonxin">-->
<!--        <h3>成都青羊中心</h3>-->
<!--        <div class="flex-i">-->
<!--            <div class="imgzhon"><img src="http://w3.dfqy.com/Uploads/Picture/2018-11-22/5bf6648cd301b.jpg"></div>-->
<!--            <div class="p">-->
<!--                <p>查看中心地图</p>-->
<!--                <p>查看中心环境</p>-->
<!--            </div>-->
<!--        </div>-->
<!--        <p>校区编号：1031</p>-->
<!--        <p class='overflow'>四川省成都市青羊区光华东二路33号中铁西城写字楼1栋201东方启音（地铁站中坝D口正对面）</p>-->
<!--        <p>电话 : 400-000-6069</p>-->
<!--    </div>-->
</div>
<script src="../waibujs/foot.js"></script>

<script src="../waibujs/xiala.js"></script><!--下拉菜单-->
<script src="../waibujs/xinxi.js"></script><!--首页-->
<script src="../waibujs/zhonxindizhiss.js"></script>
<script>
    var side=document.querySelector('.container')
    dizhi.forEach(function (item,index) {
        var div1=document.createElement('div')
        div1.className='zhonxin'
        var h3=document.createElement('h3')
        h3.innerText=item.title
        var div2=document.createElement('div')
        div2.className='flex-i'
        var div3=document.createElement('div')
        div3.className='imgzhon'
        var image1=document.createElement('img')
        image1.src=item.image
        var div4=document.createElement('div')
        div4.className='p'
        var p1=document.createElement('p')
        p1.innerText='查看中心地图'
        var p2=document.createElement('p')
        p2.innerText='查看中心环境'
        var pp1=document.createElement('p')
        pp1.innerText='校区编号：' + item.serial
        var pp2=document.createElement('p')
        pp2.className='overflow'
        pp2.innerText='地址：' + item.address
        var pp3=document.createElement('p')
        pp3.innerText='电话：' + item.phone
        div4.appendChild(p1)
        div4.appendChild(p2)
        div3.appendChild(image1)
        div2.appendChild(div3)
        div2.appendChild(div4)
        div1.appendChild(h3)
        div1.appendChild(div2)
        div1.appendChild(pp1)
        div1.appendChild(pp2)
        div1.appendChild(pp3)
        side.appendChild(div1)
        console.log(div1)
    })
</script>
</body>
</html>